Document Title

Descriptive Subtitle

Author

Your Name

Published

December 19, 2025

Introduction

This document template provides a clean, professional layout with University of Arizona branding. It’s designed for training materials, research protocols, documentation, and other professional documents.

Key Features

This template includes:

  • Left-side navigation with automatic table of contents
  • UA brand colors throughout
  • Custom callout styles for different types of content
  • Margin notes for supplementary information
  • Mermaid diagrams with neutral theming
  • Collapsible sections for detailed content

Margin notes appear in the right margin and are useful for supplementary information, definitions, or cross-references.

Using Callout Boxes

Quarto’s built-in callout boxes are styled with UA colors:

NoteNote

Use notes for supplementary information that clarifies the main content.

TipTip

Tips provide helpful suggestions or best practices.

WarningWarning

Warnings alert readers to potential issues or common mistakes.

ImportantImportant

Important callouts highlight critical information that shouldn’t be missed.

Custom Content Classes

Highlighted Statements

Use the .highlight-box class for key statements or examples:

Example Statement: “This is an important statement that deserves visual emphasis in your document.”

Definition Boxes

Use .definition-box for defining key terms:

Term: A clear, concise definition of the term with relevant context.

Practice or Exercise Boxes

Use .practice-box for exercises, practice questions, or worked examples:

Practice Question: How would you apply this concept in your work?

Answer The answer to the practice question goes here. Collapsible sections keep the document clean while providing detailed explanations when needed.

Diagrams and Visuals

Mermaid Diagrams

Create flowcharts and diagrams using Mermaid:

flowchart LR
    A[Input] --> B{Decision}
    B -->|Yes| C[Process A]
    B -->|No| D[Process B]
    C --> E[Output]
    D --> E

    style A fill:#e6f0ff,stroke:#0C234B
    style E fill:#ffe6e6,stroke:#AB0520

flowchart LR
    A[Input] --> B{Decision}
    B -->|Yes| C[Process A]
    B -->|No| D[Process B]
    C --> E[Output]
    D --> E

    style A fill:#e6f0ff,stroke:#0C234B
    style E fill:#ffe6e6,stroke:#AB0520

Workflow Diagrams

flowchart TD
    A[Step 1] --> B[Step 2]
    B --> C[Step 3]
    C --> D[Step 4]
    D --> E[Complete]

    style A fill:#0C234B,color:#fff
    style E fill:#AB0520,color:#fff

flowchart TD
    A[Step 1] --> B[Step 2]
    B --> C[Step 3]
    C --> D[Step 4]
    D --> E[Complete]

    style A fill:#0C234B,color:#fff
    style E fill:#AB0520,color:#fff

Tables

Standard markdown tables are styled consistently:

Column A Column B Column C
Item 1 Value 1 Note 1
Item 2 Value 2 Note 2
Item 3 Value 3 Note 3

Code Examples

Code blocks use UA-branded styling:

# Example R code
library(tidyverse)

data |>
  filter(category == "example") |>
  summarize(mean_value = mean(value))
# Example Python code
import pandas as pd

df = pd.read_csv("data.csv")
result = df.groupby("category").mean()

Two-Column Layout

Left Column

Content for the left column goes here. This is useful for comparisons or parallel content.

Right Column

Content for the right column goes here. Both columns will display side by side.

Summary

This template provides a professional foundation for various document types:

  1. Training guides - Use callouts, practice boxes, and collapsible sections
  2. Research protocols - Use definition boxes and structured headings
  3. Documentation - Use code blocks, diagrams, and tables
  4. Reports - Use all features with a clear hierarchical structure
TipNext Steps

Customize this template by modifying the YAML header and replacing the content with your own material.